<!DOCTYPE html>
<html>
  <head> 
    <title>Student Map</title>
  </head>
  <body>    
  <h1>Enter your information</h1>
  <form action="/" method="post">
    Name: <input type="text" name="name">
    Location: <input type="text" name="location">
    <input type="submit" value="Click_Me"> 
  </form>




  <h1>Students Map</h1>
<img src = "https://chart.googleapis.com/chart?cht=map:fixed=-60,-180,80,180&chs=500x500&chco=CCCCCC|FF0000&chld={{ locations }}&chm={{ labels }}" alt="Map">
  <div>
  <p>Locations: {{ locations }}</p>
  <p>labels: {{ labels }}</p>
  </div>
  <form action='/' method='post'>

  {% for student in students %}
    <div>
    <input type="checkbox" name="student" value="">
    {{ student.name }}: {{ student.location }} {{student.key}}
    
    </div>
  {% endfor %}
  <input type="submit" value="Delete">



  </form>
  </body>
</html>


